<template>
<view class="check-result">
    <view class="check-result-title">
        <text>查验结果</text>
    </view>
    <scroll-view scroll-y style="width: 100%; padding: 20rpx; background-color: white; flex: 1; overflow: scroll; box-sizing: border-box;">
		<view style="display: flex;flex-direction: column;align-items: center;">
            <view class="add-wearer-row">
				<text class="label">镜片名称</text>
				<text class="input">{{ checkResult?.LensName }}</text>
			</view>
            <view class="add-wearer-row">
				<text class="label">镜片膜层</text>
				<text class="input">{{ checkResult?.LensLayer }}</text>
			</view>
            <view class="add-wearer-row">
				<text class="label">球镜</text>
				<text class="input">{{ checkResult?.Sph }}</text>
			</view>
            <view class="add-wearer-row">
				<text class="label">柱镜</text>
				<text class="input">{{ checkResult?.Cyl }}</text>
			</view>
            <view class="add-wearer-row">
				<text class="label">信息</text>
				<text class="input">{{ checkResult?.Msg }}</text>
			</view>
            <view class="btn-save" @click="confirm">
				<text>确定</text>
			</view>
        </view>
    </scroll-view>
</view>
</template>
<script>
import { mapState } from 'vuex'
export default {
    data() {
        return {

        }
    },
    methods: {
        confirm() {
            this.$store.commit('setCheckResult', null)
        },
    },
    computed: {
        ...mapState(["checkResult"]),
    },
}
</script>
<style>
.check-result {
    display: flex;
	flex-direction: column;
	font-family: "yshst" !important;
	width: calc(100vw - 70rpx);
	/* height: calc(100vh - 400rpx); */
	overflow: hidden;
	border-radius: 0 0 20rpx 20rpx;
}
.check-result-title {
    height: 80rpx;
	min-height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: aliceblue;
	border-radius: 20rpx 20rpx 0 0;
}
.add-wearer-row {
	height: 80rpx;
	min-height: 80rpx;
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}
.add-wearer-row .label {
	width: 180rpx;
	display: inline-block;
	/* background-color: aqua; */
}
.add-wearer-row .input {
	flex: 1;
	/* background-color: red; */
	height: 100%;
	display: flex;
	align-items: center;
}
.btn-save {
	height: 60rpx;
	width: 270rpx;
	background-color: #50c0f9;
	border-radius: 100rpx;
	font-size: 30rpx;
	display: flex;
	/* color: white; */
	align-items: center;
	justify-content: center;
	align-self: center;
	margin: 30rpx 0;
}
</style>